{% extends "layouts/module-layout.html" %}
{% block javascript %}
<script type="text/javascript">
	$(document).ready(function() {
		$("#menu").accordion({
			event : "mouseover",
			autoHeight : true,
			collapsible : true
		});
	});
</script>
{% endblock %}
{% block title %}{{ titulo }}{% endblock %}
{% block content %}
	<div id="menu">
	   {% if objs %}
		   {% for pantalla in objs %}
		       {% if not pantalla.padre or not pantalla.padre.visible %}
		           {% if not loop.first %}
		               </div>
		           {% endif %}
		           <h4>
			          <a id="entrar"
				         href="{% if pantalla.url %}{{ config.urlRoot }}{{ pantalla.url }}{% else %}#{% endif %}">{{ pantalla.titulo }}</a>
		           </h4>
		           <div aling="center">
			   {% endif %} 
			   {% if pantalla.padre and pantalla.padre.visible %}
			      <h5>
				     <a id="entrar"
					    href="{% if pantalla.url %}{{ config.urlRoot }}{{ pantalla.url }}{% else %}#{% endif %}">{{ pantalla.titulo }}</a>
			      </h5>
			  {% endif %} 
			  {% if loop.last %}
		           </div>
		      {% endif %} 
		   {% endfor %} 
	   {% else %}
	       <h4>
		      <a href="#">No hay opciones</a>
	       </h4>
	   {% endif %}
    </div>
{% endblock %}
